<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>个人简介</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			#box {
				width:800px;
				height: 150px;
				background-color: rosybrown;
				margin: 0 auto;
				font-size: 25px;
			}
			#box1{width:800px;
				height: 500px;
				background-color: rosybrown;
				margin: 0 auto;
				font-size: 25px;}
				
		</style>
	</head>

	<body>

		<div id="box">
			个人简介
			<p>基本信息：
			<p>
				<form action=" http://datainfo.duapp.com/shopdata/userinfo.php" method="post">
					用户:<input type="" name="userID" id="" value="" />
				</form>
			</p>
			<p>
				<form action=" http://datainfo.duapp.com/shopdata/userinfo.php" method="post">
				
				        密码:<input type="password" name="password" id="" value="" />
				</form>
			</p>
			</p>
			</div>
		<div id="box1">	
			<p>个人信息:
			<p>
				<form action="">性别:
				男<input type="radio" name="sex" id="" value="" />
				女<input type="radio" name="sex" id="" value="" />
				</form>
			</p>
			<p>
				<form action="">爱好：
				运动<input type="checkbox" name="" id="" value="" />
				唱歌<input type="checkbox" name="" id="" value="" /> 
				看书<input type="checkbox" name="" id="" value="" /> 
				跳舞<input type="checkbox" name="" id="" value="" />
				</form>
			</p>
			<p>
				
				学历:<select name="">
			<option value="">中专</option>
			<option value="">大专</option>
			<option value="">本科</option>
			<option value="">博士</option>
		</select>
			</p>
			<p>
				喜欢的颜色:<input type="color" name="" id="" value="" />
			</p>
			<p>
			       证件照片:<input type="image" src="" id="" value="" />
			</p>
			<p>
				<form action=""><input type="file" /></form>
			</p>
			<p>
				出生日期:<input type="date" name="" id="" value="" />
				
			</p>
			<p>
				电话:<input type="number" name="" id="" value="" />
			</p>
			<p>
				邮箱:<input type="email" name="" id="" value="" />
			</p>
			<p>
				<textarea name="" rows="" cols="">
				</textarea>
			</p>
			</p>
		    </div>
		    
	</body>

</html>